<!DOCTYPE html>
<html lang="en">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  <script type="text/javascript" async="" src="static/js/personal/mv.js"></script> 
  <script type="text/javascript" async="" src="static/js/personal/mba.js"></script> 
  <script type="text/javascript" async="" src="static/js/personal/mvl.js"></script> 
  <script src="static/js/personal/hm.js"></script> 
  <script type="text/javascript" async="" src="static/js/personal/ga.js"></script> 
  <script src="static/js/personal/push.js"></script> 
  <script src="static/js/personal/saved_resource" charset="utf-8"></script> 
  <script src="static/js/personal/saved_resource(1)" charset="utf-8"></script> 
  <script src="static/js/bootstrap.min.js" charset="utf-8"></script> 
  <meta name="robots" content="NOINDEX,NOFOLLOW" />
  <meta name="keywords" content="宠物家园" />
  <meta name="description" content="波奇宠物家园分享和宠物们的快乐生活，记录宠物宝贝的成长过程，和好友们一起见证幸福点滴。" /> 
  <title>个人中心 - 波奇网宠物家园、分享宠物的快乐生活</title> 
  <link rel="stylesheet" type="text/css" href="static/css/personal/global.css" /> 
  <link rel="stylesheet" type="text/css" href="static/css/personal/main.css" />
  <!-- <link rel="stylesheet" type="text/css" href="static/css/bootstrap.min.css" /> -->
 </head> 

 
 <body>
 <div class="container">
  <!--头部开始--> 
  <div class="global_header"> 
   <!--头部导航开始--> 
   <script type="text/javascript" src="static/js/personal/bq.js"></script> 
   <link href="static/css/personal/static_header.css" rel="stylesheet" />
   <script src="static/js/personal/jquery.js"></script> 
   <script src="static/js/personal/public_header.js"></script>
   <!--头部导航开始--> 
   <div id="header" style="height:39px;"> 
    <div id="top">
     <div class="top_left"> 
      <img src="static/image/personal/kouhao.gif" alt="波奇全面关爱宠物生活" />
     </div> 
     <div class="top_right">
      <a href="javascript:void(0);" target="_blank">波奇网</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="javascript:void(0);" target="_blank">我的商城</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="/" target="_blank">我的论坛</a>&nbsp;&nbsp;|&nbsp;&nbsp;
      <a href="javascript:void(0);" target="_blank">宠物服务</a>
     </div>
     <div class="top_icon">
     &nbsp;&nbsp;&nbsp;
     </div>
     

      {empty name="$Think.session.user.id"}
      <div class="user_select"> 
        <span>[<a href="{:url('index/User/login')}">登录</a>]
      </div> 
      {else /}
      <div class="message">
      <p id="notice11">|&nbsp;&nbsp;&nbsp;<a href="indexPersonalMessageIndex">消息</a></p>
      <p>&nbsp;&nbsp;|</p>
      </div>

      <div class="user_select">
      <span>{$userList['nickname']}</span>
      <ul>
       <li><a href="indexPersonalIndex">个人中心</a></li>
       <li><a href="indexPersonalZiliaoIndex">我的资料</a></li>
       <li><a href="{:url('index/User/loginO')}">退出</a></li>
      </ul>
      </div>
      {/empty}
     

    </div>
   </div>
   <!--头部导航结束-->
   <!--头部导航结束-->
   <!--nav导航开始-->
   <!--banner开始-->
   <div class="hd">
    <div class="logo">
     <a href="javascript:void(0);">波奇网</a>
    </div>
    <div class="banner">
     <a href="javascript:void(0);" target="_blank"><img src="static/image/personal/banner.jpg" width="775" height="95" /></a>
    </div>
   </div>
   <!--banner开始-->
   <!--nav导航开始-->
   <div class="nav">
    <ul>
     <li><a href="javascript:void(0);" target="_blank">波奇首页</a></li>
     <li class="line"></li>
     <li><a href="javascript:void(0);" target="_blank">波奇商城</a></li>
     <li class="line"></li>
     <li><a href="javascript:void(0);" target="_blank">宠物论坛</a></li>
     <li class="line"></li>
     <li><a href="javascript:void(0);" target="_blank">宠物百科</a></li>
     <li class="line"></li>
     <li><a href="javascript:void(0);" target="_blank">宠物服务</a></li>
     <li class="line"></li>
     <li><a href="javascript:void(0);" target="_blank">美宠秀秀</a></li>
    </ul>
    <div class="search">
     <form id="search" method="GET" action="" target="_blank">
      <div class="select_box">
       <select name="t" id="t" style="display:none;"><option value="1">找人</option><option value="2">社区</option><option value="3">商品</option><option value="4">百科</option><option value="5">商户</option></select>
       <em class="Select-title" style="padding:8px 0 0 8px;line-height: 15px">找人</em>
       <ul style="z-index: 99999; display: none;" class="down_menu locat_select Select-List">
        <li val="1">找人</li>
        <li val="2">社区</li>
        <li val="3">商品</li>
        <li val="4">百科</li>
        <li val="5">商户</li>
       </ul>
      </div>
      <div class="input_box">
       <input name="keyword" type="text" id="keyword" value="关键字" />
      </div>
      <div class="search_btn">
       <input class="btn" type="button" name="button" id="button" value="搜索" />
      </div>
     </form>
    </div>
   </div>
   <input type="hidden" id="careSession" value="800867401488005678.42" />
   <!--nav导航结束-->
   <!--nav导航结束-->
  </div>
  <!--头部结束-->
    <!--主体部分开始-->
    <div class="main clearfix">
      <!--左侧开始-->
      <!--左侧开始-->
      <div class="main_left">
        <!--TA人信息开始-->
        <div class="person_info">
          <div class="user_head">
            <table width="100%" border="0" cellspacing="1" cellpadding="1">
              <tbody>
                <tr>
                  <td height="120" align="center">
                    <a href="indexPersonalOthersIndex?id={$ouserList.id}">
                      {empty name="$ouserList['icon']"}
                      <img src="static/image/personal/head6.jpg" width="120" hight="120" />
                      {else /}
                      <img src="uploads/{$ouserList['icon']}" width="120" height="120" />
                      {/empty}
                      
                    </a>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
          <div class="nick_name">
            <a href="indexPersonalOthersIndex?id={$ouserList.id}">
              {$ouserList['nickname']}

              {if condition="$ouserList.sex eq '0'"} <i class="female"></i>
              {else /} <i class="male"></i>
              {/if}
            </a>
          </div>
          <div class="area">
            {$ouserList['province']}
          </div>
          <div class="concern">
            {empty name="oguanzhu"}
            <a class="add_btn addguanzhu" data_id="{$ouserList['id']}" title="加关注"></a>
            {else /}
            <a class="cancel_add_btn delguanzhu" data_id="{$ouserList['id']}" title="取消关注"></a>
            {/empty}
            
          </div>
          <div class="info">
            <ul>
              <li>
                <a href="javascript:void(0);">
                  {$ofriend_num}
                </a>
                <span>
                  好友
                </span>
              </li>
              <li>
                <a href="javascript:void(0);">
                  {$oguanzhu_num}
                </a>
                <span>
                  关注
                </span>
              </li>
              <li class="no_border">
                <a href="javascript:void(0);">
                  {$ofensi_num}
                </a>
                <span>
                  粉丝
                </span>
              </li>
            </ul>
          </div>
        </div>
        <!--TA人信息结束-->
        <!--左侧导航开始-->
        <div class="left_nav">
          <ul>
            <li class="current">
              <a class="icon01" href="javascript:void(0);">
                TA的主页
              </a>
            </li>
            <li>
              <a class="icon02" href="javascript:void(0);">
                啊呜
              </a>
            </li>
            <li>
              <a class="icon03" href="indexPersonalOthersOrizhi?id={$ouserList.id}">
                宠日志 ({$orizhi_num})
              </a>
            </li>
            <li>
              <a class="icon04" href="javascript:void(0);">
                相册 ({$oimg_num})
              </a>
            </li>
            <li>
              <a class="icon14" href="javascript:void(0);">
                论坛
              </a>
            </li>
            <li>
              <a class="icon05" href="javascript:void(0);">
                评论
              </a>
            </li>
            <!--<li><a class="icon06" href="#">问问</a></li>-->
          </ul>
          <fieldset class="sub_title">
            <legend>
              关系
            </legend>
          </fieldset>
          <ul>
            <li>
              <a class="icon10" href="javascript:void(0);">
                TA的关注(
                <i>
                  {$oguanzhu_num}
                </i>
                )
              </a>
            </li>
            <li>
              <a class="icon11" href="javascript:void(0);">
                TA的粉丝(
                <i>
                  {$ofensi_num}
                </i>
                )
              </a>
            </li>
            <li>
              <a class="icon12" href="javascript:void(0);">
                TA的好友(
                <i>
                  {$ofriend_num}
                </i>
                )
              </a>
            </li>
          </ul>
        </div>
        <!--左侧导航结束-->
      </div>
      <!--左侧结束-->
      <!--左侧结束-->

      {block name="center"}
      <div class="plc_main">
        <!--中间开始-->
        <div class="main_center" id="mainCenter">
          <div class="pet_show" id="pet_show">
            <div class="ks_content" style="visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px;">
              <ul style="margin: 0px; padding: 0px; position: relative; list-style-type: none; z-index: 1; width: 540px; left: 0px;">
                <li asins="1" style="overflow: hidden; float: left; width: 540px;">
                  <div class="pic">
                    {empty name="opet"}
                    <img width="150" height="150" src="static/image/personal/none1.gif">
                    {else /}
                    <img width="150" height="150" src="uploads/{$opet.icon}">
                    {/empty}
                    
                  </div>
                  <div class="info">
                      {empty name="opet"}
                      <p class="nick_name">
                      TA的宠物:
                      </p>
                      暂未添加
                      {else /}
                      <p class="nick_name">
                      TA的宠物: {$opet.nickname}
                      </p>
                      <p class="txt">
                      {if condition="$opet.sex eq '0'"} <i class="female"></i>
                      {else /} <i class="male"></i>
                      {/if}
                      </p>
                      <p class="txt">
                      {if condition="$opet.sex eq '1'"} 纯种
                      {else /} 混血 串串
                      {/if}
                      </p>
                      <p class="txt">{$opet.category}</p>
                      {/empty}
                      
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <!--微博列表开始-->
          <div class="feed_tab">
            <ul>
              <li class="current">
                <a href="javascript:void(0);">
                  TA的动态
                </a>
              </li>
            </ul>
          </div>
          <!--全部动态开始-->
          <div class="feeds" swload="1" style="height:1000px;width:700px; overflow: auto;">
            <div class="feed">
              {empty name="odongtai"}
                <dl class="feed_list">
                  <dt class="head">
                  </dt>
                  <dd class="content">
                    <p class="feed_list_content">
                      <span class="tips_txt">
                        暂无动态
                      </span>
                    </p>
                  </dd>
                </dl>
              {else /}
                {volist name="odongtai" id="vo"}
                <dl class="feed_list" ucode="wb">
                <!-- 发布微博动态开始 -->
                <dt class="head" wid="8523" bds="0" pnb="0">
                 <a href="javascript:void(0);">
                {empty name="vo['icon']"}
                <img style="width:50px;" src="static/image/personal/head6.jpg">
                {else /}
                <img src="uploads/{$vo.icon}" style="width:50px;" />
                {/empty} 
                 
                 </a>
                </dt>
                <dd class="content">
                 <p class="feed_list_content"><a href="" target="_blank" class="wname">{$vo.nickname}</a><span class="tips_txt">{$vo.caozuo}</span></p> &nbsp;
                 <!-- 动态操作开始 -->
                 <p class="info"><span class="date">{$vo.dtime}</span><span class="act"></span></p>
                 <!-- 动态操作结束-->
                </dd>
                <!-- 发布微博动态结束 -->
                </dl>
                {/volist}

              {/empty}
              

            </div>
            <!--分页开始-->
            <div class="page_wrap">
              <div class="showpage">
              </div>
            </div>
            <!--分页结束-->
          </div>
          <!--全部动态结束-->
        </div>
        <!--中间结束-->
        <!--右侧开始-->
        <div class="main_right">
             
        </div>
        <!--右侧结束-->
      </div>
  {/block}

    </div>
    <!--主体部分结束-->

    <!--底部开始-->
    <div id="footer" style="text-align:center;">
   <p><a target="_blank" href="">关于波奇</a> | <a target="_blank" href="">友情链接</a> | <a target="_blank" href="">邀您加入</a> | <a target="_blank" href="">联系我们</a> | <a target="_blank" href="">网站地图</a> | <a target="_blank" href="">意见反馈</a> | <a target="_blank" href="">帮助中心</a></p>
   <p>Copyright &copy; 2007-2017 Boqii.com All Rights Reserved 光橙（上海）信息科技有限公司 版权所有 <a href="" target="_blank">沪ICP备13034501号-2</a>&nbsp;增值电信业务经营许可证：<a href="" target="_blank">沪B2-20140120</a></p>
   <p><a href="" target="_blank" rel="nofollow"><img src="static/image/personal/sincerity_logo.gif" /></a><a href="" target="_blank" rel="nofollow"><img src="static/image/personal/network_logo.gif" /></a><a href="" target="_blank" rel="nofollow"><img src="static/image/personal/icon.gif" border="0" /></a><span style="display:inline-block;position:relative;width:auto;"><a href="" id="kx_verify" tabindex="-1" target="_blank" kx_type="图标式" style="display:inline-block;"><img src="static/image/personal/cnnic.png" style="border:none;" oncontextmenu="return false;" alt="可信网站" /></a></span></p>
  </div>
    </div>



    <script>
      //关注
          $('.addguanzhu').click(function(){
            var _this = $(this);
            var info = $(this).attr('data_id');
            $.ajax({
                type: 'get',
                url: "indexPersonalOthersAddguanzhu",
                data: 'id='+info,
                dataType:'json',
                success: function(data){
                  if(data){
                    $(_this).removeClass('add_btn');
                    $(_this).addClass('cancel_add_btn');
                    location.reload();
                  }
                }
              });
          })


          //取消关注
          $('.delguanzhu').click(function(){
            var _this = $(this);
            var info = $(this).attr('data_id');
            $.ajax({
                type: 'get',
                url: "indexPersonalOthersDelguanzhu",
                data: 'id='+info,
                dataType:'json',
                success: function(data){
                  if(data){
                    $(_this).addClass('add_btn');
                    $(_this).removeClass('cancel_add_btn');
                    location.reload();
                  }
                }
              });
          })

    </script>
  </body>
</html>